<%@ page language="java" contentType="text/html;charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title>Login Page－登录</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <meta name="format-detection" content="telephone=no">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <link rel="alternate icon" type="image/png" href="static/amazeui/i/favicon.png">
  <jsp:include page="../common/common.jsp"></jsp:include>
  <style>
    .header {
      text-align: center;
    }
    .header h1 {
      font-size: 200%;
      color: #333;
      margin-top: 30px;
    }
    .header p {
      font-size: 14px;
    }
  </style>
  <script type="text/javascript">
	$(function(){
		$('.am-alert').alert();
	})
  </script>
</head>
<body>
<div class="header">
  <div class="am-g">
    <h1>后台管理系统</h1>   
  </div>
  <hr />
</div>
<div class="am-g">
  <div class="am-u-lg-6 am-u-md-8 am-u-sm-centered">
    <h3>登录</h3>
    <hr>
	    <c:if test="${message!=null}">
		    <div class="am-alert am-alert-danger" data-am-alert>
		  		<button type="button" class="am-close">&times;</button>
		  		<p>${message}</p>
			</div>
	    </c:if>
    <form method="post" class="am-form" action="login">
      <label for="loginName">用户名:</label>
      <input type="text" name="username" placeholder="请输入用户名/邮箱/手机">
      <br>
      <label for="password">密码:</label>
      <input type="password" name="password" placeholder="请输入密码">
      <br>
      <label for="password">验证码:</label>
      <img style="cursor: hand;" title="看不清，换一张" src="api/verifycode" >
      <input type="text"  placeholder="请输入验证码" name="verifyCode" class="validate[required,custom[number],minSize[4],maxSize[4]]" maxlength="4" /> 
	 
      <label for="rememberMe">
        <input name="rememberMe" type="checkbox">
        	记住密码
      </label>
      <br />
      <div class="am-cf">
        <input type="submit" value="登 录" class="am-btn am-btn-primary am-btn-sm am-fl">
        <input type="button" name="" value="忘记密码? " class="am-btn am-btn-default am-btn-sm am-fr">
      </div>
    </form>
    <hr>
    <p>© 2014 AllMobilize, Inc. Licensed under MIT license.</p>
  </div>
</div>
</body>
</html>